<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <title>太空躲避者</title>
  <link rel="stylesheet" href="style.css" />
</head>
<body>
  <div id="game-container">
    <!-- 开始界面 -->
    <div id="start-screen">
      <h1>太空躲避者</h1>
      <p>躲避袭来的陨石，坚持越久得分越高！</p >
      <button id="start-btn">点击开始</button>
    </div>

    <!-- 游戏区域 -->
    <div id="game-area" style="display: none;">
      <div id="player"></div>       <!-- 玩家（飞船） -->
      <div id="score">得分：0</div> <!-- 得分 -->
      <div id="meteors"></div>      <!-- 陨石容器 -->
    </div>

    <!-- 结束界面 -->
    <div id="end-screen" style="display: none;">
      <h2>游戏结束！</h2>
      <p id="final-score">最终得分：0</p >
      <button id="restart-btn">重新挑战</button>
    </div>
  </div>

  <script src="script.js"></script>
</body>
</html>